*{margin: 0;padding: 0}
#wrapper{
    width: 700px;
    margin: 20px auto;   
}
div{    
    margin: 30px 0;
}
/*CSS3 fun thing*/
@font-face{
    font-family: "vslogan";src:url('font/vslogan.ttf') format('truetype');    
}
h1{
    font-family: vslogan;
}
/*link colors*/
a{
    font-size: 30px;
    color: red;
    text-decoration: none;
    -webkit-transition:color 2s linear;
}
a:hover{
    color: purple;
}
/*ROUNDED CORNERS*/
#corners{
    height:100px;
    background: #b9b9b9;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;    
}

/* Transititon Box*/
#box{
    width: 100px;height: 100px;
    background: red;
    position: relative;
    -webkit-transition:left 2s linear;    
}
#box:hover{
    left: 100px;
}

/*Navigation menu*/
#nav li a{
        position: relative;
        font-size: 15px;
        -webkit-transition:left .4s linear;
}
li a:hover{
    left:15px
}

/*Shadow display*/

h2.shadow{    
    font-size: 50px;
    margin: 20px 0px;
    text-shadow:5px 1px 5px #666;
}

/*fire*/

h2.fire{
    margin: 20px 0px;
    font: 50px;
    text-shadow:0 0 4px while,0 -5px 4px #ffff33,2px -10px 6 #ffdd66,-2px -15px 11px #ff8800,2px -25px 18px #ff2200; 
}
